<!DOCTYPE html>
<html>
	<head> <!--********bolder>??????-->
		<meta charset="UTF-8">
		<title>font字体</title>
<!--		<link rel="stylesheet type="text/css" href="css/iconfont.css"/>
-->		<!--协议可以忽略不屑，代表是跟随当前服务器的协议
			本地硬盘打开的是file：//  是用不了这个写法
		-->
	<link rel="stylesheet" href="//at.alicdn.com/t/font_851175_0er3tp0kkzjb.css" />
	<style>
			.icon-dayinji{
				font-size: 80px;
			}
			.icon-diannao{
				font-size:90px;
		
			}
			/*
			 	系统提供的字体库
			 * 
			 * */
			body{
				font-size: 30px;
				font-weight:800;
			}
			div{
				font-family:"agency fb",arial;
				/*尽可能不低于12px */
				font-size:16px;
				/*字体粗细
				 * 100 ~ 900
				 * 默认   400
				 * bold 700
				 * bolder 比父元素要粗 400 700 900
				 * lighter 比父元素要细 100 400 700
				 * */
				font-weight: bolder;
				/*斜体*/
				font-style: italic;
				/*将小写字母转成大写,原本小写的字母会比大写字母要小*/
				font-variant:small-caps;
				
				}
			
		</style>
	</head>
	<body>
		我是body
		<div>昨天过完中秋节，，，，，</div>
				<p>昨天过完中秋节，，，，，</p>
<p class="iconfont icon-dayinji"></p>
<i class="iconfont icon-diannao"></i>
<i class="i2">nihaoma</i>
	</body>
</html>
